/* html_fullsrceen */
html.fullsrceen{overflow: hidden;}
html.fullsrceen body{width: 100%; height: 100%;}

@font-face{
    font-family:'FontAwesome';
    src:url("../fonts/fontawesome.eot");
    src:url("../fonts/fontawesome.eot") format("embedded-opentype"),
        url("../fonts/fontawesome.woff") format("woff2"),
        url("../fonts/fontawesome.woff") format("woff"),
        url("../fonts/fontawesome.ttf") format("truetype"),
        url("../fonts/fontawesome.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

div.fullscreen{
    top: 0px; left: 0px; position: fixed; z-index:999; width: 100%; height:100%;
    _position: absolute; _top: expression((document.compatMode ? documentElement.scrollTop : document.body.scrollTop) + "px");
    _width: expression((document.compatMode ? documentElement.offsetWidth : document.body.offsetWidth) + "px");
    _height: expression((document.compatMode ? documentElement.offsetHeight : document.body.offsetHeight) + 'px');
}

div.je-container{margin: 0px; padding: 0px; width: 100%; height: 100%; box-sizing: border-box; border: 0px solid #c5c5c5; background-color: #ffffff; font-family: tahoma, Arial, Verdana, sans-serif;}
div.je-container iframe{width: 100%; height: 100px; margin: 0px; padding: 0px; border: 0px solid #5183dc; z-index: 991; overflow: scroll; display: block;}
div.je-container iframe.fullscreen{width: 100%; height: 100%; margin: 0px; padding: 0px; z-ndex: 999; overflow: scroll;}
div.je-container div.je-toolbar{margin: 0px; padding: 0px 0px; border-bottom: 1px solid #c5c5c5; overflow: hidden;}
div.je-container div.je-toolbar a.je-button{
    display: inline-block;
    float: left;
    margin: 2px;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 3px;
    outline: none;
    line-height: 28px;
    text-align: center;
    font-family: 'FontAwesome';
    font-size: 14px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #666666;
    text-decoration: none;
    cursor: pointer;
}

div.je-container div.je-toolbar a.enabled{}
div.je-container div.je-toolbar a.disabled{cursor: default;}
div.je-container div.je-toolbar a.active, div.je-container div.je-toolbar a.enabled:hover{background-color: #666666; color: #ffffff;}
div.je-container div.je-toolbar a.save:before{content: "\f0c7"}
div.je-container div.je-toolbar a.cut:before{content: "\f0c4"}
div.je-container div.je-toolbar a.copy:before{content: "\f0c5"}
div.je-container div.je-toolbar a.paste:before{content: "\f0ea"}
div.je-container div.je-toolbar a.pastetext:before{content: "\f0ea"}
div.je-container div.je-toolbar a.formatBlock:before{content: "\f1dd"}
div.je-container div.je-toolbar a.fontName:before{content: "\f031"}
div.je-container div.je-toolbar a.fontSize:before{content: "\f031"}
div.je-container div.je-toolbar a.bold:before{content: "\f032"}
div.je-container div.je-toolbar a.italic:before{content: "\f033"}
div.je-container div.je-toolbar a.underline:before{content: "\f0cd"}
div.je-container div.je-toolbar a.strikethrough:before{content: "\f0cc"}

div.je-container div.je-toolbar a.foreColor{font-family: 'Georgia';}
div.je-container div.je-toolbar a.foreColor:before{content: "C"}
div.je-container div.je-toolbar a.backColor{font-family: 'Georgia';}
div.je-container div.je-toolbar a.backColor:before{content: "C"}

div.je-container div.je-toolbar a.selectall:before{content: "\f245"}
div.je-container div.je-toolbar a.removeformat:before{content: "\f12d"}

div.je-container div.je-toolbar a.align:before{content: "\f036"}
div.je-container div.je-toolbar a.list:before{content: "\f03a"}
div.je-container div.je-toolbar a.dedent:before{content: "\f03b"}
div.je-container div.je-toolbar a.indent:before{content: "\f03c"}

div.je-container div.je-toolbar a.link:before{content: "\f0c1"}
div.je-container div.je-toolbar a.unlink:before{content: "\f127"}
div.je-container div.je-toolbar a.anchor:before{content: "\f13d"}
div.je-container div.je-toolbar a.image:before{content: "\f03e"}

div.je-container div.je-toolbar a.flash{font-family: 'Georgia';}
div.je-container div.je-toolbar a.flash:before{content: "F"}
div.je-container div.je-toolbar a.media{font-family: 'Georgia';}
div.je-container div.je-toolbar a.media:before{content: "M"}

div.je-container div.je-toolbar a.hr{font-family: tahoma, Arial, Verdana, sans-serif;}
div.je-container div.je-toolbar a.hr:before{content: "--"}
div.je-container div.je-toolbar a.emot:before{content: "\f118"}
div.je-container div.je-toolbar a.table:before{content: "\f0ce"}

div.je-container div.je-toolbar a.source:before{content: "\f121"}
div.je-container div.je-toolbar a.preview:before{content: "\f002"}
div.je-container div.je-toolbar a.print:before{content: "\f02f"}
div.je-container div.je-toolbar a.fullscreen:before{content: "\f0b2"}
div.je-container div.je-toolbar a.about:before{content: "\f129"}
div.je-container div.je-toolbar a.separator{
    width: 0;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #ffffff;
    background: none;
    color: transparent;
    text-indent: -10px;
    margin: 0px 6px;
}

div.je-container div.je-toolbar div.je-dombar-container{clear: both; height: 16px; padding: 3px 6px; border-top: 1px solid #c5c5c5; background-color: #f8f8f8; font-size: 13px; cursor: default; overflow: hidden;}
div.je-container div.je-toolbar div.je-dombar-container div.je-dombar{height: 16px; overflow: hidden;}
div.je-container div.je-toolbar div.je-dombar-container span.checkbox{float: left; display: inline-block; margin-top: 2px; width: 11px; height: 11px; font-family: 'FontAwesome'; font-size: 12px;}
div.je-container div.je-toolbar div.je-dombar-container span.checkbox:before{content:"\f096"}
div.je-container div.je-toolbar div.je-dombar-container span.checkbox.checked:before{content:"\f046"}
div.je-container div.je-toolbar div.je-dombar-container span.je-txt{float: left; display: inline-block; margin: 0px; padding: 0px 10px; height: 16px; line-height: 16px; vertical-align: middle;}
div.je-container div.je-toolbar div.je-dombar-container span.je-tag{float: left; display: inline-block; margin: 0px; padding: 0px 10px; height: 16px; line-height: 16px; border-radius: 4px; vertical-align: middle; text-decoration: none; color: #136ec2; cursor: default;}
div.je-container div.je-toolbar div.je-dombar-container span.je-tag:hover{background-color: #dddddd; text-decoration: underline;}

div.je-panel{
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
    padding: 6px;
    border: 1px solid #dddddd;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    background-color: #ffffff;
    box-sizing: border-box;
    transition: opacity 0.2s ease-in-out, visibility 0.001s linear 0.2s;
    text-align: left;
    z-index: 999;
}
div.je-panel a.item{display: block; padding: 3px 20px 3px 3px; line-height: normal; font-size: 12px; color: #000000; text-decoration: none; white-space: nowrap;}
div.je-panel a.item:hover{background: #e5e5e5; text-decoration: none; color: #000000;}
div.je-panel p, div.je-panel h1, div.je-panel h2, div.je-panel h3, div.je-panel h4, div.je-panel h5, div.je-panel h6, div.je-panel pre, div.je-panel address, div.je-panel div{margin: 0}
div.je-panel div.je-menu-form{padding: 0px;}
div.je-panel div.je-menu-form div.je-form-row{line-height: 28px; font-size: 12px;}
div.je-panel div.je-menu-form div.je-form-row span.je-form-label{display: inline-block; padding-right: 10px; width: 70px; text-align: right;}
div.je-panel div.je-form-footer{margin: 6px 0px; text-align: right;}

div.je-panel div.right{text-align: right;}
div.je-panel input[type=text]{width: 160px; padding-left: 4px; height: 18px; line-height: 18px; border: 1px solid #b5cfe7; outline: none;}
div.je-panel input[type=button]{display: inline-block; margin: 0px 0px 0px 10px; padding: 3px 12px; border: 1px solid #dddddd; background-color: #f0f0f0; font-size: 12px; line-height: 14px; cursor: pointer;}
div.je-panel select{height: 20px; border: 1px solid #b5cfe7; outline: none;}

div.je-color-panel{clear: both; height: 16px;}
div.je-color-panel a.je-cp-box{float: left; margin: 0px 6px 0px 0px; padding: 0px; border: 0px solid #999999; width: 16px; height: 16px; font-size: 0px;}
div.je-color-panel a.je-cp-box:hover{border: 0px solid #666666;}

div.je-panel div.je-cp-preview{float: left; width: 148px; height: 20px; border: 1px inset #888888;}
div.je-panel div.je-cp-clear{
    float: right;
    margin: 0px;
    padding: 3px 5px;
    height: 14px;
    border: 1px solid #888888;
    font-size: 12px;
    line-height: 14px;
    cursor: pointer;
}
div.je-panel div.je-cp-label{clear: both; margin: 6px 0px; height: 22px; border-bottom: 1px solid #dddddd; font-size: 13px; color: #3399cc;}

div.je-emot-panel{clear: both; width: 240px;}
div.je-emot-panel a{float: left; margin: 4px; padding: 0px; width: 24px; height: 24px; border-radius: 3px; font-size: 0px;}
div.je-emot-panel a:hover{background-color: #e3e3e3;}
div.je-emot-panel a img{border: 0px solid #ffffff;}

div.je-panel div.pagebar{clear: both; width: 240px; height: 24px; padding-top: 6px; line-height: 24px; background-color: #ffffff;}
div.je-panel div.pagebar span{float: left; margin-left: 8px; width: 22px; height: 22px; line-height: 22px; border: 1px solid #ededed; background-color: #ffffff; text-align: center; cursor: default;}
div.je-panel div.pagebar span:hover{border-color: #ff4400; background-color: #ff4400; color: #ffffff;}
div.je-panel div.pagebar span.active{border-color: #8ad6fc; background-color: #8ad6fc; font-weight: bold; color: #ffffff;}
div.je-panel div.je-about{font: 12px Arial; width: 245px; word-wrap: break-word; word-break: break-all; outline: none;}
div.je-pick-area{position: relative; width: 220px; height: 220px; background: transparent url(../images/cell.png) repeat scroll 0px 0px; cursor: default;}
div.je-pick-area div.je-pick-mask{position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; background-color: #2e88fc; opacity: 0.3;}

/* #9cb8e1 */
div.contextmenu{top: 100px; left: 100px; display: none; position: absolute; z-index: 9999;}
div.contextmenu ul.menu{
    margin: 0px;
    padding: 0px;
    width: 244px;
    border: 1px solid #979797;
    background: transparent url(../images/menu-item.gif) repeat-y scroll 0px 0px;
    list-style: none;
    overflow: hidden;
    -webkit-box-shadow: 4px 4px 4px #bdcfec;
    -moz-box-shadow: 4px 4px 4px #bdcfec;
    box-shadow: 4px 4px 4px #dddddd;
}
div.contextmenu ul.menu li.item{
    margin: 2px;
    width: 240px;
    height: 26px;
    line-height: 26px;
    border: 0px solid #aecff7;
    background-color: transparent;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    letter-spacing: 1px;
    color: #000000;
    cursor: default;
    -moz-user-select:none;
    -webkit-user-select:none;
    user-select:none;
}
div.contextmenu ul.menu li.disabled{color: #6d6d6d;}
div.contextmenu ul.menu li.disabled img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
div.contextmenu ul.menu li.separator {
    margin: 1px 0px 1px 36px;
    padding: 0px;
    width: 204px;
    height: 0px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #ffffff;
}
div.contextmenu ul.menu li.item:hover{background: url(../images/item-over.gif) repeat-y scroll 0px 0px transparent;}
div.contextmenu ul.menu li.selected{background: url(../images/item-over.gif) repeat-y scroll 0px 0px transparent;}
div.contextmenu ul.menu li.disabled:hover{background: none;}
div.contextmenu ul.menu li.item span.icon{
    float: left;
    padding-left: 8px;
    width: 32px;
    height: 26px;
    text-align: left;
    vertical-align: middle;
    display: table-cell;
    overflow: hidden;
}
div.contextmenu ul.menu li.item span.icon img{width: 16px; height: 16px; border: none; vertical-align: middle;}
div.contextmenu ul.menu li.item a.command{
    padding: 0px;
    height: 26px;
    line-height: 26px;
    cursor: default;
}
div.contextmenu ul.menu li.item a{text-decoration: none; color: #000000;}
div.contextmenu ul.menu li.disabled a{text-decoration: none; color: #6d6d6d;}
/* contextmenu end */

/* link menu */
div.je-link-menu{
    position: fixed;
    padding: 20px 12px;
    border: 1px solid #dddddd;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    background-color: #ffffff;
    box-sizing: border-box;
    transition: opacity 0.2s ease-in-out, visibility 0.001s linear 0.2s;
    white-space: nowrap;
    overflow: hidden;
    z-index: 999;
    display: none;
}

div.je-link-menu input.link{
    width: 300px;
    height: 22px;
    padding-left: 4px;
    border: none;
    font-family: gotham, helvetica, arial, sans-serif;
    font-size: 14px;
    text-decoration: underline;
    outline: none;
    color: #2596de;
    cursor: default;
}

div.je-link-menu div.je-btn{
    margin-left: 4px;
    padding: 0px 12px;
    border-left: 1px solid #e1e1e1;
    user-select: none;
    display: inline-block;
    font-size: 13px;
    color: #878787;
    cursor: pointer;
}
div.je-link-menu div.je-btn:hover{color: #2dbe60;}

/* code menu */
div.je-code-menu{
    position: fixed;
    padding: 20px 12px;
    border: 1px solid #dddddd;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    background-color: #ffffff;
    box-sizing: border-box;
    transition: opacity 0.2s ease-in-out, visibility 0.001s linear 0.2s;
    white-space: nowrap;
    overflow: hidden;
    z-index: 999;
    display: none;
}

div.je-code-menu select.language{
    width: 200px;
    height: 22px;
    border: 1px solid #cccccc;
    background-color: #e7f3fd;
    font-family: gotham, helvetica, arial, sans-serif;
    font-size: 13px;
    outline: none;
    cursor: default;
}

div.je-code-menu div.je-btn {
    margin-left: 4px;
    padding: 0px 12px;
    border-left: 1px solid #e1e1e1;
    user-select: none;
    display: inline-block;
    color: #878787;
    cursor: pointer;
}
